<template>
	<view style="padding: 20rpx ">
		<view>
			<van-cell-group inset>
				<van-cell title="修改手机号" :value="jiaMiPhone" is-link link-type="navigateTo"
					url="/packagenew/pages/updateUserInfo/updateUserInfo" />
				<van-cell title="地址管理" is-link link-type="navigateTo" url="/package/pages/user_address/user_address" />
				
				<van-cell title="关于我们" is-link :border="false" link-type="navigateTo"
					url="/packagenew/pages/about/about" />
			</van-cell-group>
		</view>
		

	</view>
	
</template>

<script setup>
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app';
	import {
		ref,
		reactive
	} from 'vue'

	const jiaMiPhone = ref('');
	const login_data = ref([]);
	onShow(() => {
		login_data.value = uni.getStorageSync('login_data')
		let ph = login_data.value.phone;
		ph = ph + "";
		if (ph != null && ph != '' && ph.length >= 11) {
			ph = ph.substring(0, 3) + "****" + ph.substring(7);
			console.log(ph);

		}
		jiaMiPhone.value = ph;

	})
</script>

<style scoped>
	::v-deep .van-cell-group--inset {
		margin: 0;
		border-radius: 20rpx;
	}

	::v-deep .van-cell {
		padding: 40rpx 18rpx;
	}

	::v-deep .van-cell:after {
		left: 0;
		right: 0;
	}

	::v-deep .van-cell__title {
		font-size: 32rpx;
		color: #111;
	}

	::v-deep .van-cell__value {
		font-size: 32rpx;
	}

	::v-deep .van-button--large {
		color: #111;
		font-size: 36rpx;
		border: none;
		border-radius: 20rpx;
		background-color: #fff !important;
	}

	.log-out {
		width: calc(100% - 40rpx);
		padding: 0 20rpx;
		position: absolute;
		left: 0;
		bottom: 50px;
	}
</style>